<ui:composition template="./../WEB-INF/templates/content.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
    
    <ui:define name="contenttitle">
        My Title
    </ui:define>
    
    <ui:define name="contentbody">
        <h:panelGrid columns="3">
            <h:outputText value="#{msgs.username}:"/>
            <h:inputText id="username" value="#{login.user.username}" title="#{msgs.username}" required="true" requiredMessage="#{errMsg.usernameRequired}" validator="#{login.validateEmail}" />
            <rich:message for="username" styleClass="errmsg" showDetail="false" showSummary="false">
                <f:facet name="errorMarker">
                    <h:graphicImage value="/images/ajax/error.gif" />
                </f:facet>
            </rich:message>
            <h:outputText value="#{msgs.password}:"/>
            <h:inputSecret id="password" value="#{login.user.password}" title="#{msgs.password}" required="true" requiredMessage="#{errMsg.passwordRequired}" />
            <rich:message for="password" styleClass="errmsg"  showDetail="false" showSummary="false">
                <f:facet name="errorMarker">
                    <h:graphicImage value="/images/ajax/error.gif" />
                </f:facet>
            </rich:message>
        </h:panelGrid>
    </ui:define>
    
    <ui:define name="contentfooter">
        <a4j:commandLink value="#{msgs.login}" action="#{login.login}" styleClass="commandbutton"/>
    </ui:define>
    
</ui:composition>
